<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <title>小说</title>
    <script src="../js/public/jquery.min.js"></script>
    <script src="../js/public/public.js"></script>
    <link rel="stylesheet" href="../css/public/AmazeUI/amazeui.min.css"/>
    <script src="../js/public/AmazeUI/amazeui.min.js"></script>
    <link rel="stylesheet" href="../css/public/public.css">
    
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
	<header id="header">
		<a href="javascript:void(0);"><img src="../img/public/jiantou_icon.png" />返回</a>
		<h1>小说</h1>
	</header>
	<div class="am-slider am-slider-default" data-am-flexslider>
        <ul class="am-slides">
	        <li>
	            <img src="http://s.amazeui.org/media/i/demos/bing-1.jpg" />
	        </li>
	        <li>
	            <img src="http://s.amazeui.org/media/i/demos/bing-2.jpg" />
	        </li>
	        <li>
	            <img src="http://s.amazeui.org/media/i/demos/bing-3.jpg" />
	        </li>
	        <li>
	            <img src="http://s.amazeui.org/media/i/demos/bing-4.jpg" />
	        </li>
        </ul>
    </div>
    <ul class="index_navBox">
		<li class="index_navBox_box">
			<a href="javascript:void(0);">
				<p class="index_navBox_p1"><img src="../img/public/index_nav_icon1.png" /></p>
				<p class="index_navBox_p2">榜单</p>
			</a>
		</li>
		<li class="index_navBox_box">
			<a href="javascript:void(0);">
				<p class="index_navBox_p1"><img src="../img/public/index_nav_icon2.png" /></p>
				<p class="index_navBox_p2">限免</p>
			</a>
		</li>
		<li class="index_navBox_box">
			<a href="javascript:void(0);">
				<p class="index_navBox_p1"><img src="../img/public/index_nav_icon3.png" /></p>
				<p class="index_navBox_p2">热搜</p>
			</a>
		</li>
		<li class="index_navBox_box">
			<a href="javascript:void(0);">
				<p class="index_navBox_p1"><img src="../img/public/index_nav_icon4.png" /></p>
				<p class="index_navBox_p2">充值</p>
			</a>
		</li>
    </ul>
    <div class="index_listBox">
    	<div class="index_listBox_top">
    		<span>本周热门</span>
    		<a href="javascript:void(0);">查看更多<img src="../img/public/index_icon5.png" /></a>
    	</div>
    	<ul class="index_listBox_bottom">
    		<li>
    			<a href="javascript:void(0);">
    				<img src="../img/zwt/zwtXS.png" />
    				<p>勇闯江湖勇闯江湖勇闯江湖勇闯江湖</p>
    			</a>
    		</li>
    		<li>
    			<a href="javascript:void(0);">
    				<img src="../img/zwt/zwtXS.png" />
    				<p>勇闯江湖</p>
    			</a>
    		</li>
    		<li>
    			<a href="javascript:void(0);">
    				<img src="../img/zwt/zwtXS.png" />
    				<p>勇闯江湖</p>
    			</a>
    		</li>
    	</ul>
    </div>
    <div class="index_listBox">
    	<div class="index_listBox_top">
    		<span>主编推荐</span>
    		<a href="javascript:void(0);">查看更多<img src="../img/public/index_icon5.png" /></a>
    	</div>
    	<ul class="index_listBox_bottom">
    		<li>
    			<a href="javascript:void(0);">
    				<img src="../img/zwt/zwtXS.png" />
    				<p>勇闯江湖勇闯江湖勇闯江湖勇闯江湖</p>
    			</a>
    		</li>
    		<li>
    			<a href="javascript:void(0);">
    				<img src="../img/zwt/zwtXS.png" />
    				<p>勇闯江湖</p>
    			</a>
    		</li>
    		<li>
    			<a href="javascript:void(0);">
    				<img src="../img/zwt/zwtXS.png" />
    				<p>勇闯江湖</p>
    			</a>
    		</li>
    	</ul>
    </div>
    <div class="index_listBox">
    	<div class="index_listBox_top">
    		<span>本周新书</span>
    		<a href="javascript:void(0);">查看更多<img src="../img/public/index_icon5.png" /></a>
    	</div>
    	<ul class="index_listBox_bottom">
    		<li>
    			<a href="javascript:void(0);">
    				<img src="../img/zwt/zwtXS.png" />
    				<p>勇闯江湖勇闯江湖勇闯江湖勇闯江湖</p>
    			</a>
    		</li>
    		<li>
    			<a href="javascript:void(0);">
    				<img src="../img/zwt/zwtXS.png" />
    				<p>勇闯江湖</p>
    			</a>
    		</li>
    		<li>
    			<a href="javascript:void(0);">
    				<img src="../img/zwt/zwtXS.png" />
    				<p>勇闯江湖</p>
    			</a>
    		</li>
    	</ul>
    </div>
    <div class="index_listBox">
    	<div class="index_listBox_top">
    		<span>精选好书</span>
    		<a href="javascript:void(0);">查看更多<img src="../img/public/index_icon5.png" /></a>
    	</div>
    	<ul class="index_listBox_bottom1">
    		<li>
    			<a href="javascript:void(0);">
    				<div class="index_listBox_bottom1_list_left"><img src="../img/zwt/zwtXS.png" /></div>
    				<div class="index_listBox_bottom1_list_right">
    					<p class="index_listBox_bottom1_list_right_p1">勇闯江湖-青妗问道勇闯江湖-青妗问道勇闯江湖-青妗问道勇闯江湖-青妗问道勇闯江湖-青妗问道</p>
    					<p class="index_listBox_bottom1_list_right_p2">江湖侠客的世界，从来不缺少高手，什么才是道，一直以来都是侠客们追去的直以来都是侠客们追去的</p>
    					<p class="index_listBox_bottom1_list_right_p3">
    						<span>武侠</span>
    						<span>新书</span>
    						<span>动作</span>
    					</p>
    				</div>
    			</a>
    		</li>
    		<li>
    			<a href="javascript:void(0);">
    				<div class="index_listBox_bottom1_list_left"><img src="../img/zwt/zwtXS.png" /></div>
    				<div class="index_listBox_bottom1_list_right">
    					<p class="index_listBox_bottom1_list_right_p1">勇闯江湖-青妗问道勇闯江湖-青妗问道勇闯江湖-青妗问道勇闯江湖-青妗问道勇闯江湖-青妗问道</p>
    					<p class="index_listBox_bottom1_list_right_p2">江湖侠客的世界，从来不缺少高手，什么才是道，一直以来都是侠客们追去的直以来都是侠客们追去的</p>
    					<p class="index_listBox_bottom1_list_right_p3">
    						<span>武侠</span>
    						<span>新书</span>
    						<span>动作</span>
    					</p>
    				</div>
    			</a>
    		</li>
    	</ul>
    </div>
    <ul class="bottomNavBox">
    	<li>
    		<a href="javascript:void(0);">
    			<p class="bottomNavBox_p1"><img src="../img/public/index_nav_homeHOV.png" /></p>
    			<p class="bottomNavBox_p2">首页</p>
    		</a>
    	</li>
    	<li>
    		<a href="javascript:void(0);">
    			<p class="bottomNavBox_p1"><img src="../img/public/index_nav_fenlei.png" /></p>
    			<p class="bottomNavBox_p2">分类</p>
    		</a>
    	</li>
    	<li>
    		<a href="javascript:void(0);">
    			<p class="bottomNavBox_p1"><img src="../img/public/index_nav_shujia.png" /></p>
    			<p class="bottomNavBox_p2">书架</p>
    		</a>
    	</li>
    </ul>
</body>
<script type="text/javascript">
	$(function(){
		$('.am-slider').flexslider({
			playAfterPaused: 3000,
			animation: "fade",
			animationLoop: true,
			smoothHeight: true,
			animationSpeed: 4000
		});
	}); 
</script>
<script type="text/javascript">
	//滚动条到底部加载更多
	$(document).scroll(function(){
		if ($(document).scrollTop() >= 100) {
	        $('#header').addClass('header');
		}else{
			$('#header').removeClass('header');
		}
	});
</script>
</html>